<template>
  <div>
    名称
    <input type="text" v-model="obj.name" /><br />
    价格
    <input type="text" v-model="obj.price" />
  </div>
  <div>
    名称
    <input type="text" v-model.lazy="obj.name" /><br />
    价格
    <input type="text" v-model.number="obj.price" />
  </div>
  <div>
    名称
    <input type="text" v-model.trim="obj.name" /><br />
    价格
    <input type="text" v-model.number="obj.price" />
  </div>
</template>

<script setup>
import { reactive } from "vue";
const obj = reactive({
  name: "",
  price: "",
});
</script>

<style scoped></style>
